.hot{
  margin-bottom: 50px;
  .praise{ 
    background-color: #fff; 
    padding: 12px 15px;
    h3{
      font-size: 14px;
      color: #333;
      margin: 0 0 12px;
      font-weight: normal;
    }
    ul{
      display: flex;
      overflow: auto;
      li{
        margin-right: 10px;
        width: 85px;
        position: relative;
        img{
          width: 85px;
          height: 115px; 
        }
        p{
          font-size: 13px;
         color: #222;
          margin: 0 0 3px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
        span{
          display: inline-block;
          width: 100%;
          height: 35px;
          position: absolute;
          bottom: 21px;
          background-image: linear-gradient(-180deg,rgba(77,77,77,0),#000);
          b{
            width: 85px;
            position: absolute;
              left: 4px;
              bottom: 2px;
              color: #faaf00;
              font-size: 11px;
              font-weight: 600;
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
          }
        }
      }
    }
  }
  .pull{
    margin-top:10px;
    padding: 10px;
    background-color: #fff;
    box-sizing: border-box;
    ul{
      li{
        display: flex;
        padding: 10px 2px;
        font-size: 16px;
        border-bottom: #eee 1px solid;
        .center{
          margin-left: 10px;
          width: 220px;
          h2{
            margin-bottom: 3px;
            font-size: 22px;
            width: 200px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }
          span{
            i{
              font-weight: 700;
              color: #faaf00;
              font-size: 20px;
            }
          }
        }
        button{
          flex-shrink: 1;
          width: 54px;
          height: 28px;
          font-size: 10px;
          padding: 0;
        }
      }
    }
  }
  
}